!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[StylableButton_Default]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[StylableButton_Default]"]=t(require("react")):e["rb_wixui.thunderbolt[StylableButton_Default]"]=t(e.React)}("undefined"!=typeof self?self:this,(function(e){return function(){var t={27232:function(e,t,a){var n=a(82016);e.exports=n.create("StylableButton2545352419",{classes:{root:"StylableButton2545352419__root",label:"StylableButton2545352419__label",link:"StylableButton2545352419__link",container:"StylableButton2545352419__container",icon:"StylableButton2545352419__icon"},vars:{},stVars:{},keyframes:{},layers:{}},"",-1,e.id)},82016:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.createRenderable=t.create=void 0;t.create=function(e,t,a,n,r,o){const s={namespace:e,classes:t.classes,keyframes:t.keyframes,layers:t.layers,vars:t.vars,stVars:t.stVars,cssStates:function(e){const t=[];for(const a in e){const n=l(a,e[a]);n&&t.push(n)}return t.join(" ")},style:i,st:i,$id:r,$depth:n,$css:a};function l(t,a){if(!1===a||null==a||a!=a)return"";if(!0===a)return function(t){return`${e}--${t}`}(t);return function(t,a){return`${e}---${t}-${a.length}-${a.replace(/\s/gm,"_")}`}(t,a.toString())}function i(){const e=[];for(let t=0;t{const a=[];return e&&a.push(`${s}${e}`),t.forEach((e=>{e&&(a.push(`${s}${e}`),a.push(e))})),a.join(" ")},i=13,c=27;function u(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}const d=u(32),p=u(i),b=e=>{p(e),d(e)},m=(u(c),({pressed:e,expanded:t,haspopup:a,label:n,live:r,relevant:o,current:s,owns:l,controls:i,roleDescription:c,hidden:u,disabled:d,describedBy:p,labelledBy:b,errorMessage:m,atomic:f,role:v,busy:y,...h}={})=>{const C=h.tabIndex??h.tabindex,k={};return n&&(k["aria-label"]=n),r&&(k["aria-live"]=r),s&&(k["aria-current"]=s),e&&(k["aria-pressed"]=e),"boolean"==typeof u&&(k["aria-hidden"]=u),"boolean"==typeof t&&(k["aria-expanded"]=t),"boolean"==typeof d&&(k["aria-disabled"]=d),"boolean"==typeof f&&(k["aria-atomic"]=f),"boolean"==typeof y&&(k["aria-busy"]=y),"string"==typeof o&&(k["aria-relevant"]=o),"string"==typeof l&&(k["aria-owns"]=l),"string"==typeof i&&(k["aria-controls"]=i),"string"==typeof c&&(k["aria-roledescription"]=c),a&&(k["aria-haspopup"]=a),"number"==typeof C&&(k.tabIndex=C),v&&(k.role=v),p&&(k["aria-describedby"]=p),b&&(k["aria-labelledby"]=b),m&&(k["aria-errormessage"]=m),k}),f=({reportBiOnClick:e,onClick:t})=>(0,a.useCallback)((a=>{e?.(a),t?.(a)}),[e,t]),v=e=>Object.entries(e).reduce(((e,[t,a])=>(t.includes("data-")&&(e[t]=a),e)),{});const y=(e,t)=>e?{"data-comp":t,"data-aid":t}:{},h={root:"linkElement"};var C=a.forwardRef(((e,t)=>{const{href:n,role:r,target:o,rel:s,className:l="",children:i,linkPopupId:c,anchorDataId:u,anchorCompId:m,tabIndex:f,dataTestId:y=h.root,title:C,onClick:k,onDoubleClick:g,onMouseEnter:B,onMouseLeave:M,onFocus:x,onFocusCapture:N,onBlurCapture:E,"aria-live":S,"aria-disabled":_,"aria-label":D,"aria-labelledby":w,"aria-pressed":I,"aria-expanded":L,"aria-describedby":O,"aria-haspopup":T,"aria-current":P,dataPreview:$}=e,F=void 0!==e.activateByKey?e.activateByKey:(e=>e?"SpaceOrEnter":"Space")(c);let j;switch(F){case"Enter":j=p;break;case"Space":j=d;break;case"SpaceOrEnter":j=b;break;default:j=void 0}return void 0!==n?a.createElement("a",{...v(e),"data-testid":y,"data-popupid":c,"data-anchor":u,"data-anchor-comp-id":m,"data-preview":$,href:n||void 0,target:o,role:c?"button":r,rel:s,className:l,onKeyDown:j,"aria-live":S,"aria-disabled":_,"aria-label":D,"aria-labelledby":w,"aria-pressed":I,"aria-expanded":L,"aria-haspopup":T,"aria-describedby":O,"aria-current":P,title:C,onClick:k,onMouseEnter:B,onMouseLeave:M,onDoubleClick:g,onFocus:x,onFocusCapture:N,onBlurCapture:E,ref:t,tabIndex:c?0:f},i):a.createElement("div",{...v(e),"data-testid":y,"data-preview":$,className:l,tabIndex:f,"aria-label":D,"aria-labelledby":w,"aria-haspopup":T,"aria-disabled":_,"aria-expanded":L,title:C,role:r,onClick:k,onDoubleClick:g,onMouseEnter:B,onMouseLeave:M,ref:t},i)}));const k=e=>Boolean(e&&(e.href||e.linkPopupId)),g="buttonContent",B="stylablebutton-label",M="stylablebutton-icon",x={left:"flex-start",right:"flex-end",center:"center","space-between":"space-between"},N={"flex-start":"left","flex-end":"right",center:"center","space-between":"space-between"};var E={root:"button",buttonLabel:"button__label",buttonIcon:"button__icon"};var S=e=>{const{label:t,icon:a,classNames:n}=e;return o().createElement("div",{className:n.container},t&&o().createElement("span",{className:n.label,"data-testid":B},t),a&&o().createElement("span",{className:n.icon,"aria-hidden":"true","data-testid":M},a))};const _=e=>a.createElement("div",{dangerouslySetInnerHTML:{__html:e||""}}),D=(e,n)=>{const{id:r,link:o,type:s="button",svgString:l,label:i,isDisabled:c,className:u,isQaMode:b,fullNameCompType:h,reportBiOnClick:B,a11y:M,corvid:x,onDblClick:N,onMouseEnter:D,onMouseLeave:w,onFocus:I,onBlur:L,ariaAttributes:O,onClick:T,preventLinkNavigation:P,renderDisabledLinkAsButton:$,classNames:F,compPreviewState:j}=e,A=k(o),R=P&&A,W=!c&&T||R,K=e.semanticClassNames||E,U=a.useRef(null);a.useImperativeHandle(n,(()=>({focus:()=>{var e;null==(e=U.current)||e.focus()},blur:()=>{var e;null==(e=U.current)||e.blur()}})));const V=a.useMemo((()=>{var e,t;return m({...O,...M,label:null!=(e=null!=(t=null==O?void 0:O.label)?t:M.label)?e:i})}),[M,i,O]),H=f({reportBiOnClick:B,onClick:W?e=>{R&&e.preventDefault(),!c&&(null==T||T(e))}:void 0}),G=a.useMemo((()=>((e,t,a)=>{let{onClick:n,onDblClick:r,onMouseEnter:o,onMouseLeave:s,onFocus:l,onBlur:i}=e;return{onClick:n,onMouseEnter:o,onMouseLeave:s,onKeyDown:t?d:p,onDoubleClick:!a&&r?r:void 0,onFocus:!a&&l?l:void 0,onBlur:!a&&i?i:void 0}})({onClick:H,onDblClick:N,onMouseLeave:w,onMouseEnter:D,onFocus:I,onBlur:L},A,c)),[H,N,w,D,I,L,A,c]),{iconSvgString:q,iconCollapsed:Q}=x||{},J=F.root;let Z=null,z=!1;Q||null===q||(q?(Z=_(q),z=!0):l&&(Z=_(l)));const X=n=>a.createElement("div",t()({id:r,className:u},y(b,h),v(e),{"data-semantic-classname":K.root}),a.createElement("button",t()({type:s,disabled:c,className:J,"data-testid":g},V,G,{ref:U,role:n,"data-preview":j}),a.createElement(S,{label:i,icon:Z,override:z,semanticClassNames:K,classNames:F})));return c&&A&&$?X("link"):A?(()=>{const{onFocus:n,onBlur:s,...l}=G;return a.createElement("div",t()({id:r,className:u},l,v(e),y(b,h),{"data-semantic-classname":K.root}),a.createElement(C,t()({},o,V,{href:c?void 0:o.href,className:F.link,onFocusCapture:n,onBlurCapture:s,ref:U,dataPreview:j}),a.createElement(S,{label:i,icon:Z,semanticClassNames:K,classNames:F})))})():X()};var w=a.forwardRef(D),I=n(27232);var L=e=>{const{label:t,icon:a,override:n,semanticClassNames:r}=e;return o().createElement("div",{className:I.classes.container},t&&o().createElement("span",{className:(0,I.st)(I.classes.label,l(r.buttonLabel)),"data-testid":B},t),a&&o().createElement("span",{className:(0,I.st)(I.classes.icon,{override:!!n},l(r.buttonIcon)),"aria-hidden":"true","data-testid":M},a))};const O=e=>a.createElement("div",{dangerouslySetInnerHTML:{__html:e||""}}),T=(e,n)=>{const{id:r,link:o,type:s="button",svgString:i,label:c,isDisabled:u,className:b,stylableButtonClassName:h,customClassNames:B=[],isQaMode:M,fullNameCompType:x,reportBiOnClick:N,a11y:S,corvid:_,isMaxContent:D=!1,isWrapText:w=!1,onDblClick:T,onMouseEnter:P,onMouseLeave:$,onFocus:F,onBlur:j,ariaAttributes:A,onClick:R,preventLinkNavigation:W,renderDisabledLinkAsButton:K}=e,U=k(o),V=W&&U,H=!u&&R||V,G=e.semanticClassNames||E,q=a.useRef(null);a.useImperativeHandle(n,(()=>({focus:()=>{var e;null==(e=q.current)||e.focus()},blur:()=>{var e;null==(e=q.current)||e.blur()}})));const Q=a.useMemo((()=>{var e,t;return m({...A,...S,label:null!=(e=null!=(t=null==A?void 0:A.label)?t:S.label)?e:c})}),[S,c,A]),J=f({reportBiOnClick:N,onClick:H?e=>{V&&e.preventDefault(),!u&&(null==R||R(e))}:void 0}),Z=a.useMemo((()=>((e,t,a)=>{let{onClick:n,onDblClick:r,onMouseEnter:o,onMouseLeave:s,onFocus:l,onBlur:i}=e;return{onClick:n,onMouseEnter:o,onMouseLeave:s,onKeyDown:t?d:p,onDoubleClick:!a&&r?r:void 0,onFocus:!a&&l?l:void 0,onBlur:!a&&i?i:void 0}})({onClick:J,onDblClick:T,onMouseLeave:$,onMouseEnter:P,onFocus:F,onBlur:j},U,u)),[J,T,$,P,F,j,U,u]),{hasBackgroundColor:z=!1,hasBorderColor:X=!1,hasBorderRadius:Y=!1,hasBorderWidth:ee=!1,hasColor:te=!1,iconSvgString:ae,iconCollapsed:ne}=_||{},re=(0,I.st)(I.classes.root,{error:!1,disabled:u,hasBackgroundColor:z,hasBorderColor:X,hasBorderRadius:Y,hasBorderWidth:ee,hasColor:te,isMaxContent:D,isWrapText:w},h,l(G.root,...B));let oe=null,se=!1;ne||null===ae||(ae?(oe=O(ae),se=!0):i&&(oe=O(i)));const le=n=>a.createElement("div",t()({id:r,className:b},y(M,x),v(e),{"data-semantic-classname":G.root}),a.createElement("button",t()({type:s,disabled:u,className:re,"data-testid":g},Q,Z,{ref:q,role:n}),a.createElement(L,{label:c,icon:oe,override:se,semanticClassNames:G})));return u&&U&&K?le("link"):U?(()=>{const{onFocus:n,onBlur:s,...l}=Z;return a.createElement("div",t()({id:r,className:b},l,v(e),y(M,x),{"data-semantic-classname":G.root}),a.createElement(C,t()({},o,Q,{href:u?void 0:o.href,className:(0,I.st)(re,I.classes.link),onFocusCapture:n,onBlurCapture:s,ref:q}),a.createElement(L,{label:c,icon:oe,semanticClassNames:G})))})():le()};var P=a.forwardRef(T);const $=(e,a)=>{const{isDisabled:n,stylableButtonClassName:r,customClassNames:s=[],corvid:i,isMaxContent:c=!1,isWrapText:u=!1,isUdpExperimentOn:d}=e;if(!d)return o().createElement(P,t()({},e,{ref:a}));const{hasBackgroundColor:p=!1,hasBorderColor:b=!1,hasBorderRadius:m=!1,hasBorderWidth:f=!1,hasColor:v=!1,iconSvgString:y,iconCollapsed:h}=i||{},C=e.semanticClassNames||E,k=(0,I.st)(I.classes.root,{error:!1,disabled:n,hasBackgroundColor:p,hasBorderColor:b,hasBorderRadius:m,hasBorderWidth:f,hasColor:v,isMaxContent:c,isWrapText:u},r,l(C.root,...s)),g=(0,I.st)(k,I.classes.link),B=(0,I.st)(I.classes.label,l(C.buttonLabel));let M=!1;h||null===y||y&&(M=!0);const x=(0,I.st)(I.classes.icon,{override:M},l(C.buttonIcon)),N={...e,classNames:{root:k,link:g,label:B,icon:x,container:(0,I.st)(I.classes.container)}};return o().createElement(w,t()({},N,{ref:a}))};var F=o().forwardRef($);const j=e=>e.replace(/([A-Z])/g,(e=>`-${e.toLowerCase()}`)),A=e=>"linkPopupId"in e,R=(e,t)=>{if(A(e))return e.linkPopupId;{const{pagesMap:a,mainPageId:n}=t||{};if(!a)return;const r=new URL(e.href??"");let o=Object.values(a).find((({pageUriSEO:e})=>!!e&&r.pathname?.includes(e)));return o||(o=n?a[n]:void 0),o?.pageId}},W=e=>{if(void 0!==e)return null===e?"None":e.type},K=(e,t)=>{if(!e?.type)return;const{type:a}=e;switch(a){case"AnchorLink":return e.anchorDataId;case"DocumentLink":return e.docInfo?.name;case"PageLink":const a=R(e,t);return a&&t?.pagesMap?.[a]?.title;default:return e.href}},U=(e,t,a)=>{const{link:n,value:r,details:o,actionName:s,elementType:l,trackClicksAnalytics:i,pagesMetadata:c,...u}=t;if(!i)return;const d=c&&{...c,pagesMap:window.viewerModel?.siteFeaturesConfigs?.router?.pagesMap},p=((e,t)=>{if(!e?.type)return;const{type:a}=e;switch(a){case"AnchorLink":return(e=>"anchorDataId"in e&&("SCROLL_TO_TOP"===e.anchorDataId||"SCROLL_TO_BOTTOM"===e.anchorDataId))(e)?void 0:{id:e.anchorDataId};case"DocumentLink":return{id:e.docInfo?.docId};case"PageLink":return{id:R(e,t),isLightbox:A(e)};default:return}})(n,d),b=o||p?JSON.stringify({...p,...o}):void 0;e({src:76,evid:1113,...{...u,bl:navigator.language,url:window.location.href,details:b,elementType:l??"Unknown",actionName:s??W(n),value:r??K(n,d)}},{endpoint:"pa",...a})};var V;!function(e){e.Text="Text",e.Menu="Menu",e.Image="Image",e.Input="Input",e.Login="Login",e.Button="Button",e.Social="Social",e.Gallery="Gallery",e.Community="Community",e.Decorative="Decorative",e.MenuAndSearch="MenuAndSearch",e.MenuAndAnchor="MenuAndAnchor"}(V||(V={}));var H;const G={StylableButton_Default:{component:F,controller:(H=e=>{let{mapperProps:t,stateValues:a}=e;const{trackClicksAnalytics:n,compId:r,language:o,mainPageId:s,...l}=t;return{...l,reportBiOnClick:e=>{const{fullNameCompType:t,label:i,link:c,isDisabled:u}=l,{reportBi:d}=a;U(d,{link:c,language:o,trackClicksAnalytics:n,elementTitle:null!=i?i:"",elementType:t,pagesMetadata:{mainPageId:s},elementGroup:V.Button,details:{isDisabled:null!=u&&u},element_id:null!=r?r:e.currentTarget.id})}}},{useComponentProps:(e,t,a)=>{const n=(e=>({...e,updateStyles:t=>{const a=Object.entries(t).reduce(((e,[t,a])=>{return{...e,[(n=t,n.startsWith("--")?t:j(t))]:void 0===a?null:a};var n}),{});e.updateStyles(a)}}))(a);return H({mapperProps:e,stateValues:t,controllerUtils:n})}})}}}(),r}()})); //# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[StylableButton_Default].529d6884.bundle.min.js.map